<template>
    <el-main>
        <el-card  class="box-card" style="margin-top: 20px">
          <div slot="header" class="clearfix" style=" font-size: 14px;">
            <span>审批进展</span>
            <el-button style="float:right;margin-left:10px;" type="primary" @click="progress()">图形化进展</el-button>
          </div>
          <el-row style="margin-top: 10px;">
            <el-table
              :data="tableData"
              border
              style="width: 100%">
              <el-table-column
                type="index"
                label="序号"
                align="center"
                width="50">
              </el-table-column>
              <el-table-column
                prop="taskName"
                align="center"
                width="180"
                label="任务名称">
              </el-table-column>
              <el-table-column
                prop="attendUserName"
                align="center"
                width="180"
                label="处理人">
              </el-table-column>
              <el-table-column
                prop="startDate"
                align="center"
                width="180"
                label="任务开始时间"  type="date" :formatter="dateFormatter">
              </el-table-column>
              <el-table-column
                prop="endDate"
                align="center"
                width="180"
                label="任务完成时间"  type="date" :formatter="dateFormatter">
              </el-table-column>
              <el-table-column
                prop="taskConclusion"
                align="center"
                width="180"
                label="结论">
              </el-table-column>
              <el-table-column
                prop="name"
                align="center"
                label="操作"
                width="180">
                <template slot-scope="scope">
                  <el-button type="text" :disabled="scope.row.isAuto == 1 || scope.row.state != 'O'" @click="doManual(scope.row)">手动</el-button>
                </template>
              </el-table-column>
            </el-table>
            <el-pagination
              v-show="tableData.length > 0"
              @size-change="handleSizeChange"
              @current-change="handleCurrentChange"
              :current-page="pager.page"
              background
              :page-sizes="[20, 40, 60, 80]"
              :page-size="pager.size"
              layout="total, sizes, prev, pager, next, jumper"
              :total="pager.total">
            </el-pagination>
          </el-row>
        </el-card>
        <el-dialog :fullscreen="fullscreen"  style="z-index:9999999999" title="图形化进展" :visible.sync="designerVisible" :before-close="handleDesignerClose">
            <div slot="title" class="header-title" style="margin-top: -13px">
                <span class="title-name" style="">图形化进展</span>
            </div>
            <iframe ref="ifrm" class="iframe" :src="designerUrl"></iframe>
        </el-dialog>
    </el-main>
</template>
<script src="@/pages/flow/js/taskWorkitem.js"></script>
<style scoped>
  .iframe {
        width: 100%;
        height: 100%;
        border: 0;
        overflow: hidden;
        box-sizing: border-box;
        position: absolute;
        bottom: 0;
        left: 0;
        top: 54px;
    }
    .title-name{
        font-size: 24px;
    }
</style>